<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>增加或删除DOM节点</title>
</head>
<body>
	<input type="button" name="name" value="删除" onclick="shan()" />
	<input type="button" name="name" value="清空" onclick="qing()" />
	<input type="button" name="name" value="添加" onclick="tian()" />
	<ul>
		<li>导航1</li>
		<li>导航2</li>
		<li>导航3</li>
		<li>导航4</li>
	</ul>
</body>
	<script type="text/javascript"src='./jquery-3.1.1.js'></script>
	<script type="text/javascript">
		function shan(){
			$('ul').remove(); //删除此节点
		}
		function qing(){
			$('ul').empty();  //清空节点下的内容
		}
		function tian(){
			//添加标签到ul的最下方
			// $('<li>导航5</li>').appendTo($('ul'));
			// 为ul添加一个标签到最下方
			// $('ul').append('<li>导航6</li>');
			// 为ul添加一个标签到最上方
			$('ul').prepend('<li>导航0</li>');
		}

	</script>
</html>